Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL
112.225 lượt xem;
1 <!-- Edit this file to change the layout of the detail view form -->
2
3 <a name="detail-view"></a>
4 <div class="panel-heading"><h3 class="panel-title"><strong><%%DETAIL_VIEW_TITLE%%></strong></h3></div>
5
6 <div class="panel-body" id="exam_time_table_dv_container">
7 <!-- child links -->
8 <div class="row vspacer-md">
9 <div class="col-xs-12">
10 <div class="clearfix"></div>
11 </div>
12 </div>
13 <hr class="hidden-xs hidden-sm">
14
15 <div class="row">
16 <!-- form inputs -->
17 <div class="col-md-8 col-lg-10" id="exam_time_table_dv_form">
18 <fieldset class="form-horizontal">
19
20 <div class="form-group">
21 <hr class="hidden-md hidden-lg">
22 <label for="id" class="control-label col-lg-3">ID</label>
23 <div class="col-lg-9">
24 <div class="form-control-static" id="id"><%%VALUE(id)%%></div>
25 </div>
26 </div>
27
28 <div class="form-group">
29 <hr class="hidden-md hidden-lg">
30 <label for="date" class="control-label col-lg-3">Ngày<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
31 <div class="col-lg-9">
32 <%%COMBO(date)%%>
33 </div>
34 </div>
35
36 <div class="form-group">
37 <hr class="hidden-md hidden-lg">
38 <label for="time_start" class="control-label col-lg-3">Thời gian bắt đầu<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
39 <div class="col-lg-9">
40 <input maxlength="" type="text" class="form-control" name="time_start" id="time_start" value="<%%VALUE(time_start)%%>" required>
41 </div>
42 </div>
43
44 <div class="form-group">
45 <hr class="hidden-md hidden-lg">
46 <label for="time_end" class="control-label col-lg-3">Kết thúc<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
47 <div class="col-lg-9">
48 <input maxlength="" type="text" class="form-control" name="time_end" id="time_end" value="<%%VALUE(time_end)%%>" required>
49 </div>
50 </div>
51
52 <div class="form-group">
53 <hr class="hidden-md hidden-lg">
54 <label for="unit_code" class="control-label col-lg-3">Mã môn<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
55 <div class="col-lg-9">
56 <input maxlength="40" type="text" class="form-control" name="unit_code" id="unit_code" value="<%%VALUE(unit_code)%%>" required>
57 </div>
58 </div>
59
60 <div class="form-group">
61 <hr class="hidden-md hidden-lg">
62 <label for="venue" class="control-label col-lg-3">Địa điểm<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
63 <div class="col-lg-9">
64 <input maxlength="40" type="text" class="form-control" name="venue" id="venue" value="<%%VALUE(venue)%%>" required>
65 </div>
66 </div>
67
68 <div class="form-group">
69 <hr class="hidden-md hidden-lg">
70 <label for="school" class="control-label col-lg-3" data-parent_link="view_parent_modal">Lớp học<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
71 <div class="col-lg-9">
72 <div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(school)%%><%%PLINK(school)%%><%%ADDNEW(schools)%%></div>
73 </div>
74 </div>
75
76 <div class="form-group">
77 <hr class="hidden-md hidden-lg">
78 <label for="department" class="control-label col-lg-3" data-parent_link="view_parent_modal">Môn học<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
79 <div class="col-lg-9">
80 <div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(department)%%><%%PLINK(department)%%><%%ADDNEW(departments)%%></div>
81 </div>
82 </div>
83
84 <div class="form-group">
85 <hr class="hidden-md hidden-lg">
86 <label for="year_of_study" class="control-label col-lg-3">Học kyf<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
87 <div class="col-lg-9">
88 <%%COMBO(year_of_study)%%>
89 </div>
90 </div>
91
92 </fieldset>
93 </div>
94
95 <!-- DV action buttons -->
96 <hr class="hidden-md hidden-lg">
97 <div class="col-md-4 col-lg-2" id="exam_time_table_dv_action_buttons">
98 <div class="btn-toolbar">
99 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
100 <%%UPDATE_BUTTON%%>
101 </div><p></p>
102 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
103 <%%DESELECT_BUTTON%%>
104 <%%DVPRINT_BUTTON%%>
105 <%%DELETE_BUTTON%%>
106 </div><p></p>
107 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
108 <%%INSERT_BUTTON%%>
109 </div>
110 </div>
111 </div>
112 </div>
113
114
115 </div><!-- /div class="panel-body" -->
116 <script>
117 $j(function() {
118 var add_new_mode = (!$j('input[name=SelectedID]').val());
119 var embedded_mode = ($j('input[name=Embedded]').val() == 1);
120
121 /* auto-close embedded page? */
122 var autoclose_mode = ($j('input[name=AutoClose]').val() == 1);
123 var record_added_ok = (location.search.split('record-added-ok=').length == 2);
124 var record_updated_ok = (location.search.split('record-updated-ok=').length == 2);
125 if((record_added_ok || record_updated_ok) && embedded_mode && autoclose_mode){
126 setTimeout(AppGini.closeParentModal, 2000);
127 }
128
129 /* enable DV action buttons to float on scrolling down the form */
130 enable_dvab_floating();
131
132 if(!(embedded_mode && AppGini.mobileDevice())){
133 $j('select, input[type=text], textarea').not(':disabled').eq(0).focus();
134 }
135
136 $j('form').eq(0).change(function(){
137 if($j(this).data('already_changed')) return;
138 if($j('#deselect').length) $j('#deselect').removeClass('btn-default').addClass('btn-warning').get(0).lastChild.data = " <%%TRANSLATION(Cancel)%%>";
139 $j(this).data('already_changed', true);
140 });
141
142 $j('a[href="<%%TRANSLATION(ImageFolder)%%>"]').click(function(){ /* */ return false; });
143
144
145 if(!embedded_mode){
146 /* add a horizontal spacer to [add new parent] buttons that don't have a spacered element before them */
147 $j('.add_new_parent').prev(':not(.hspacer-md)').next().addClass('hspacer-md');
148
149 $j('.add_new_parent').click(function(){
150 var pt = $j(this).attr('id').replace(/_add_new$/, '');
151 modal_window({
152 url: pt + '_view.php?addNew_x=1&Embedded=1',
153 close: function(){
154 var field_id = $j('#' + pt + '_add_new').prevAll('input:hidden').eq(0).attr('id');
155 $j('#' + field_id + '-container').select2('focus').select2('focus');
156 },
157 size: 'full',
158 title: $j(this).attr('title')
159 });
160 });
161 }
162
163 AppGini.hideViewParentLinks();
164
165 $j('form').on('click', '.view_parent', function(){
166 var pt = $j(this).attr('id').replace(/_view_parent$/, '');
167 if($j(this).prevAll('input:hidden').length){
168 var parent_id = $j(this).prevAll('input:hidden').eq(0).val();
169 }else{
170 var parent_id = $j(this).prevAll().children('input:hidden').eq(0).val();
171 }
172
173 /* handle radio lookups */
174 if($j(this).prevAll('[type=radio]').length){
175 parent_id = $j(this).prevAll('[type=radio]').eq(0).val();
176 }
177
178 if(parent_id != '{empty_value}' && parent_id != undefined && parent_id != ''){
179 var parent_link = $j(this).parents('.form-group').children('label').data('parent_link');
180 switch(parent_link){
181 case 'view_parent_hidden':
182 break;
183 case 'view_parent_modal':
184 modal_window({
185 url: pt + '_view.php?Embedded=1&SelectedID=' + encodeURIComponent(parent_id),
186 close: function(){
187 var field_id = $j('#' + pt + '_view_parent').prevAll('input:hidden').eq(0).attr('id');
188 $j('#' + field_id + '-container').select2('focus').select2('focus');
189 },
190 size: 'full',
191 title: $j(this).attr('title')
192 });
193 break;
194 case 'view_parent_same_window':
195 window.location = pt + '_view.php?Embedded=' + (embedded_mode ? '1' : '') + '&SelectedID=' + encodeURIComponent(parent_id);
196 break;
197 case 'view_parent_new_window':
198 window.open(pt + '_view.php?SelectedID=' + encodeURIComponent(parent_id));
199 break;
200 }
201
202 }
203 });
204
205
206 /* load admin tools for admin user */
207 if(!add_new_mode){
208 $j('body').append('<div id="admin-tools-appendix"></div>');
209 $j('#admin-tools-appendix').load(
210 'ajax_admin_tools.php?table=exam_time_table&id=<%%URLVALUE(id)%%>',
211 function(resp){
212 if(!resp.length) return;
213 $j.ajax('ajax_admin_tools.php?action=get_admin_tools_js&table=exam_time_table&id=<%%URLVALUE(id)%%>');
214 }
215 );
216 }
217
218 /* warn user if 'add new' clicked while unsaved changes exist */
219 $j('#addNew').click(function(){
220 if($j('#deselect.btn-warning').length){
221 return confirm('<%%TRANSLATION(discard changes confirm)%%>');
222 }
223 });
224
225 });
226 </script>
2
3 <a name="detail-view"></a>
4 <div class="panel-heading"><h3 class="panel-title"><strong><%%DETAIL_VIEW_TITLE%%></strong></h3></div>
5
6 <div class="panel-body" id="exam_time_table_dv_container">
7 <!-- child links -->
8 <div class="row vspacer-md">
9 <div class="col-xs-12">
10 <div class="clearfix"></div>
11 </div>
12 </div>
13 <hr class="hidden-xs hidden-sm">
14
15 <div class="row">
16 <!-- form inputs -->
17 <div class="col-md-8 col-lg-10" id="exam_time_table_dv_form">
18 <fieldset class="form-horizontal">
19
20 <div class="form-group">
21 <hr class="hidden-md hidden-lg">
22 <label for="id" class="control-label col-lg-3">ID</label>
23 <div class="col-lg-9">
24 <div class="form-control-static" id="id"><%%VALUE(id)%%></div>
25 </div>
26 </div>
27
28 <div class="form-group">
29 <hr class="hidden-md hidden-lg">
30 <label for="date" class="control-label col-lg-3">Ngày<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
31 <div class="col-lg-9">
32 <%%COMBO(date)%%>
33 </div>
34 </div>
35
36 <div class="form-group">
37 <hr class="hidden-md hidden-lg">
38 <label for="time_start" class="control-label col-lg-3">Thời gian bắt đầu<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
39 <div class="col-lg-9">
40 <input maxlength="" type="text" class="form-control" name="time_start" id="time_start" value="<%%VALUE(time_start)%%>" required>
41 </div>
42 </div>
43
44 <div class="form-group">
45 <hr class="hidden-md hidden-lg">
46 <label for="time_end" class="control-label col-lg-3">Kết thúc<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
47 <div class="col-lg-9">
48 <input maxlength="" type="text" class="form-control" name="time_end" id="time_end" value="<%%VALUE(time_end)%%>" required>
49 </div>
50 </div>
51
52 <div class="form-group">
53 <hr class="hidden-md hidden-lg">
54 <label for="unit_code" class="control-label col-lg-3">Mã môn<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
55 <div class="col-lg-9">
56 <input maxlength="40" type="text" class="form-control" name="unit_code" id="unit_code" value="<%%VALUE(unit_code)%%>" required>
57 </div>
58 </div>
59
60 <div class="form-group">
61 <hr class="hidden-md hidden-lg">
62 <label for="venue" class="control-label col-lg-3">Địa điểm<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
63 <div class="col-lg-9">
64 <input maxlength="40" type="text" class="form-control" name="venue" id="venue" value="<%%VALUE(venue)%%>" required>
65 </div>
66 </div>
67
68 <div class="form-group">
69 <hr class="hidden-md hidden-lg">
70 <label for="school" class="control-label col-lg-3" data-parent_link="view_parent_modal">Lớp học<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
71 <div class="col-lg-9">
72 <div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(school)%%><%%PLINK(school)%%><%%ADDNEW(schools)%%></div>
73 </div>
74 </div>
75
76 <div class="form-group">
77 <hr class="hidden-md hidden-lg">
78 <label for="department" class="control-label col-lg-3" data-parent_link="view_parent_modal">Môn học<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
79 <div class="col-lg-9">
80 <div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(department)%%><%%PLINK(department)%%><%%ADDNEW(departments)%%></div>
81 </div>
82 </div>
83
84 <div class="form-group">
85 <hr class="hidden-md hidden-lg">
86 <label for="year_of_study" class="control-label col-lg-3">Học kyf<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
87 <div class="col-lg-9">
88 <%%COMBO(year_of_study)%%>
89 </div>
90 </div>
91
92 </fieldset>
93 </div>
94
95 <!-- DV action buttons -->
96 <hr class="hidden-md hidden-lg">
97 <div class="col-md-4 col-lg-2" id="exam_time_table_dv_action_buttons">
98 <div class="btn-toolbar">
99 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
100 <%%UPDATE_BUTTON%%>
101 </div><p></p>
102 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
103 <%%DESELECT_BUTTON%%>
104 <%%DVPRINT_BUTTON%%>
105 <%%DELETE_BUTTON%%>
106 </div><p></p>
107 <div class="btn-group-vertical btn-group-lg" style="width: 100%;">
108 <%%INSERT_BUTTON%%>
109 </div>
110 </div>
111 </div>
112 </div>
113
114
115 </div><!-- /div class="panel-body" -->
116 <script>
117 $j(function() {
118 var add_new_mode = (!$j('input[name=SelectedID]').val());
119 var embedded_mode = ($j('input[name=Embedded]').val() == 1);
120
121 /* auto-close embedded page? */
122 var autoclose_mode = ($j('input[name=AutoClose]').val() == 1);
123 var record_added_ok = (location.search.split('record-added-ok=').length == 2);
124 var record_updated_ok = (location.search.split('record-updated-ok=').length == 2);
125 if((record_added_ok || record_updated_ok) && embedded_mode && autoclose_mode){
126 setTimeout(AppGini.closeParentModal, 2000);
127 }
128
129 /* enable DV action buttons to float on scrolling down the form */
130 enable_dvab_floating();
131
132 if(!(embedded_mode && AppGini.mobileDevice())){
133 $j('select, input[type=text], textarea').not(':disabled').eq(0).focus();
134 }
135
136 $j('form').eq(0).change(function(){
137 if($j(this).data('already_changed')) return;
138 if($j('#deselect').length) $j('#deselect').removeClass('btn-default').addClass('btn-warning').get(0).lastChild.data = " <%%TRANSLATION(Cancel)%%>";
139 $j(this).data('already_changed', true);
140 });
141
142 $j('a[href="<%%TRANSLATION(ImageFolder)%%>"]').click(function(){ /* */ return false; });
143
144
145 if(!embedded_mode){
146 /* add a horizontal spacer to [add new parent] buttons that don't have a spacered element before them */
147 $j('.add_new_parent').prev(':not(.hspacer-md)').next().addClass('hspacer-md');
148
149 $j('.add_new_parent').click(function(){
150 var pt = $j(this).attr('id').replace(/_add_new$/, '');
151 modal_window({
152 url: pt + '_view.php?addNew_x=1&Embedded=1',
153 close: function(){
154 var field_id = $j('#' + pt + '_add_new').prevAll('input:hidden').eq(0).attr('id');
155 $j('#' + field_id + '-container').select2('focus').select2('focus');
156 },
157 size: 'full',
158 title: $j(this).attr('title')
159 });
160 });
161 }
162
163 AppGini.hideViewParentLinks();
164
165 $j('form').on('click', '.view_parent', function(){
166 var pt = $j(this).attr('id').replace(/_view_parent$/, '');
167 if($j(this).prevAll('input:hidden').length){
168 var parent_id = $j(this).prevAll('input:hidden').eq(0).val();
169 }else{
170 var parent_id = $j(this).prevAll().children('input:hidden').eq(0).val();
171 }
172
173 /* handle radio lookups */
174 if($j(this).prevAll('[type=radio]').length){
175 parent_id = $j(this).prevAll('[type=radio]').eq(0).val();
176 }
177
178 if(parent_id != '{empty_value}' && parent_id != undefined && parent_id != ''){
179 var parent_link = $j(this).parents('.form-group').children('label').data('parent_link');
180 switch(parent_link){
181 case 'view_parent_hidden':
182 break;
183 case 'view_parent_modal':
184 modal_window({
185 url: pt + '_view.php?Embedded=1&SelectedID=' + encodeURIComponent(parent_id),
186 close: function(){
187 var field_id = $j('#' + pt + '_view_parent').prevAll('input:hidden').eq(0).attr('id');
188 $j('#' + field_id + '-container').select2('focus').select2('focus');
189 },
190 size: 'full',
191 title: $j(this).attr('title')
192 });
193 break;
194 case 'view_parent_same_window':
195 window.location = pt + '_view.php?Embedded=' + (embedded_mode ? '1' : '') + '&SelectedID=' + encodeURIComponent(parent_id);
196 break;
197 case 'view_parent_new_window':
198 window.open(pt + '_view.php?SelectedID=' + encodeURIComponent(parent_id));
199 break;
200 }
201
202 }
203 });
204
205
206 /* load admin tools for admin user */
207 if(!add_new_mode){
208 $j('body').append('<div id="admin-tools-appendix"></div>');
209 $j('#admin-tools-appendix').load(
210 'ajax_admin_tools.php?table=exam_time_table&id=<%%URLVALUE(id)%%>',
211 function(resp){
212 if(!resp.length) return;
213 $j.ajax('ajax_admin_tools.php?action=get_admin_tools_js&table=exam_time_table&id=<%%URLVALUE(id)%%>');
214 }
215 );
216 }
217
218 /* warn user if 'add new' clicked while unsaved changes exist */
219 $j('#addNew').click(function(){
220 if($j('#deselect.btn-warning').length){
221 return confirm('<%%TRANSLATION(discard changes confirm)%%>');
222 }
223 });
224
225 });
226 </script>
